.left-nav {
  width: 100%; /* 根据需要调整宽度 */
  max-width: 200px; /* 稍微增加最大宽度，使内容更宽敞 */
  min-height: 100vh; /* 使导航栏占据整个视口高度 */
  height: 100%;
  background-color: #ff6347; /* 改为亮粉色作为背景颜色 */
  color: #ffffff; /* 文字颜色保持白色 */
  padding: 1rem; /* 内边距保持不变 */
  box-sizing: border-box; /* 确保内边距不会增加元素总宽度 */
  position: relative; /* 允许使用绝对定位的子元素 */
  box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.1); /* 添加盒子阴影效果 */
}
  
.left-nav ul {
  list-style-type: none; /* 移除默认的列表样式 */
  padding: 0; /* 移除默认的内边距 */
  margin: 0; /* 移除默认的外边距 */
  padding-top: 0.5rem; /* 稍微增加顶部内边距 */
}
  
.left-nav li {
  margin-bottom: 1.5rem; /* 稍微增加列表项之间的间距 */
  transition: transform 0.2s ease-in-out; /* 添加列表项的悬停动画 */
}
  
.left-nav li:hover {
  transform: translateX(10px); /* 悬停时列表项向右移动 */
}
  
.left-nav a {
  text-decoration: none; /* 移除下划线 */
  color: #ffffff; /* 链接颜色保持白色 */
  display: block; /* 使链接占据整行 */
  padding: 0.75rem; /* 稍微增加链接内边距 */
  border-radius: 8px; /* 增加圆角大小 */
  transition: background-color 0.3s ease, transform 0.2s ease-in-out; /* 添加背景颜色和变换的过渡效果 */
  font-family: 'Arial', sans-serif; /* 改变字体风格 */
  font-size: 1rem; /* 稍微增加字体大小 */
}
  
.left-nav a:hover {
  background-color: #ff4500; /* 悬停时改变背景颜色为更深的橙色 */
  transform: scale(1.05); /* 悬停时链接稍微放大 */
}